﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Shared/_FrontEnd_NoneSideBar_Layout.Master" AutoEventWireup="true" CodeBehind="Detail.aspx.cs" Inherits="ProjectClass.View.FrontEnd.Detail" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>Chi tiết điện thoại</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <!--  ==========  -->
    <!--  = Breadcrumbs =  -->
    <!--  ==========  -->
    <div class="darker-stripe">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <ul class="breadcrumb">
                        <li>
                            <a href="index.html">Webmarket</a>
                        </li>
                        <li><span class="icon-chevron-right"></span></li>
                        <li>
                            <a href="shop.html">Shop</a>
                        </li>
                        <li><span class="icon-chevron-right"></span></li>
                        <li>
                            <a href="#">Horsefeathers</a>
                        </li>
                        <li><span class="icon-chevron-right"></span></li>
                        <li>
                            <a href="product.html">Horsefeathers Shot Surfers T-shirt</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!--  ==========  -->
    <!--  = Main container =  -->
    <!--  ==========  -->
    <div class="container">
        <div class="push-up top-equal blocks-spacer">

            <!--  ==========  -->
            <!--  = Product =  -->
            <!--  ==========  -->
            <div class="row blocks-spacer">

                <!--  ==========  -->
                <!--  = Preview Images =  -->
                <!--  ==========  -->
                <div class="span5">
                    <div class="product-preview">
                        <div class="picture">
                            <asp:Image ID="productAvatar" runat="server" Width="470" Height="540" />

                        </div>
                        <div class="thumbs clearfix">
                            <asp:Repeater ID="reGallery" runat="server">
                                <ItemTemplate>
                                    <div class="thumb">
                                        <a href="#<%=productAvatar.ClientID %>">
                                            <img src="/Content/ProductImg/<%#Eval("ImgPath") %>" alt="" width="540" height="374" /></a>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>

                        </div>
                    </div>
                </div>

                <!--  ==========  -->
                <!--  = Title and short desc =  -->
                <!--  ==========  -->
                <div class="span7">
                    <div class="product-title">
                        <h1 class="name"><span class="light">
                            <asp:Literal ID="Category" runat="server"></asp:Literal></span>
                            <asp:Literal ID="productName" runat="server"></asp:Literal></h1>
                        <div class="meta">
                            <span class="tag">
                                <asp:Literal ID="productPrice" runat="server"></asp:Literal></span>
                            <span class="stock">
                                <span class="btn btn-success">In Stock</span>
                                <span class="btn btn-danger">Out of Stock</span>
                                <span class="btn btn-warning">Ask for availability</span>
                            </span>
                        </div>
                    </div>
                    <div class="product-description">
                        <p>
                            <asp:Literal ID="ShortDescript" runat="server"></asp:Literal>
                        </p>
                        <hr />

                        <!--  ==========  -->
                        <!--  = Add to cart form =  -->
                        <!--  ==========  -->
                        <form action="#" class="form form-inline clearfix" >
                            <div class="numbered">
                                
                                <asp:TextBox ID="txtquantity" runat="server" Text="1" class="tiny-size"></asp:TextBox>
                                <span class="clickable add-one icon-plus-sign-alt"></span>
                                <span class="clickable remove-one icon-minus-sign-alt"></span>
                            </div>
                            &nbsp;
                            <select name="color" class="span2">
                                <option value="-1">Select Color</option>
                                <option value="blue">Blue</option>
                                <option value="orange">Orange</option>
                                <option value="black">Black</option>
                            </select>
                            &nbsp;
                            <select name="size" class="span2">
                                <option value="-1">Select Size</option>
                                <option value="XS">Extra Small</option>
                                <option value="S">Small</option>
                                <option value="M">Medium</option>
                                <option value="L">Large</option>
                                <option value="XL">Extra Large</option>
                                <option value="XXL">Huge</option>
                            </select>
                          <%--  <button class="btn btn-danger pull-right"><i class="icon-shopping-cart"></i>&nbsp; Add To Cart</button>--%>
                            <asp:LinkButton ID="btnAddCart" CssClass="btn btn-danger pull-right" runat="server" OnClick="btnAddCart_Click">Thêm giỏ hàng</asp:LinkButton>
                        </form>

                        <hr />

                        <!--  ==========  -->
                        <!--  = Share buttons =  -->
                        <!--  ==========  -->
                        <div class="share-item">

                            <!-- AddThis Button BEGIN -->
                            <div class="addthis_toolbox addthis_default_style ">

                                <asp:Literal ID="ShortTech" runat="server"></asp:Literal>
                            </div>

                            <!-- AddThis Button END -->

                        </div>

                    </div>
                </div>
            </div>

            <!--  ==========  -->
            <!--  = Tabs with more info =  -->
            <!--  ==========  -->
            <div class="row">
                <div class="span12">
                    <ul id="myTab" class="nav nav-tabs">
                        <li class="active">
                            <a href="#tab-1" data-toggle="tab">Tổng quan</a>
                        </li>
                        <li>
                            <a href="#tab-2" data-toggle="tab">Thông số kỹ thuật</a>
                        </li>
                        <li>
                            <a href="#tab-3" data-toggle="tab">Đánh giá</a>
                        </li>
                        <li>
                            <a href="#tab-4" data-toggle="tab">SHIPPING DETAILS</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="fade in tab-pane active" id="tab-1">
                            <h3>Tổng quan</h3>
                            <asp:Literal ID="FullDescript" runat="server"></asp:Literal>
                        </div>
                        <div class="fade tab-pane" id="tab-2">
                            <table class="table table-striped table-bordered">
                                <thead>
                                    <tr>

                                        <th>Chi tiết</th>
                                        <th>Thông tin</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    <tr>
                                        <td>Kích thước</td>
                                        <td>
                                            <asp:Literal ID="ProSize" runat="server"></asp:Literal></td>
                                    </tr>

                                    <tr>
                                        <td>Khối lượng</td>
                                        <td>
                                            <asp:Literal ID="ProWeight" runat="server"></asp:Literal></td>
                                    </tr>

                                    <tr>
                                        <td>Hệ điều hành</td>
                                        <td>
                                            <asp:Literal ID="ProOS" runat="server"></asp:Literal></td>

                                    </tr>
                                    <tr>
                                        <td>Màn hình</td>
                                        <td>
                                            <asp:Literal ID="ProScreen" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>Kiểu sản phẩm</td>
                                        <td>
                                            <asp:Literal ID="ProType" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>GPS</td>
                                        <td>
                                            <asp:Literal ID="ProGPS" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>CPU</td>
                                        <td>
                                            <asp:Literal ID="ProCPU" runat="server"></asp:Literal></td>
                                    </tr>

                                    <tr>
                                        <td>Bộ nhớ trong</td>
                                        <td>
                                            <asp:Literal ID="ProInternalMemory" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>Bộ nhớ hỗ trợ</td>
                                        <td>
                                            <asp:Literal ID="ProMemory" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>3G</td>
                                        <td>
                                            <asp:Literal ID="Pro3G" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>WLAN</td>
                                        <td>
                                            <asp:Literal ID="ProWLAN" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>Pin</td>
                                        <td>
                                            <asp:Literal ID="ProBattery" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>Camera</td>
                                        <td>
                                            <asp:Literal ID="ProCamera" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>Màu sắc</td>
                                        <td>
                                            <asp:Literal ID="ProColor" runat="server"></asp:Literal></td>
                                    </tr>
                                    <tr>
                                        <td>Chế độ bảo hành</td>
                                        <td>
                                            <asp:Literal ID="ProWarranty" runat="server"></asp:Literal></td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                        <div class="fade tab-pane" id="tab-3">
                            <!--  ==========  -->
                            <!--  = Comments =  -->
                            <!--  ==========  -->

                            <section id="comments" class="comments-container">
                                <h3 class="push-down-25"><span class="light">7</span> Đánh giá</h3>

                                <!--  ==========  -->
                                <!--  = Single Comment =  -->
                                <!--  ==========  -->
                                <div class="single-comment clearfix">
                                    <div class="avatar-container">
                                        <img src="images/dummy/avatars/avatar-2.jpg" alt="avatar" class="avatar" width="184" height="184" />
                                    </div>
                                    <div class="comment-content">
                                        <div class="comment-inner">
                                            <cite class="author-name">
                                                <span class="light">Jaka</span> Šmid
                                            </cite>
                                            <div class="metadata">
                                                September 28, 2013 at 3:32 pm  /  <a href="#">Reply</a>
                                            </div>
                                            <div class="comment-text">
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque suscpit ipsum sed sapien dignissim, eu blandit mi volutpat. Curabitur tincidunt, tellus sit amet rutrum sodales, velit orci consectetur velit, a placerat magna est nec justo. Nam iaculis velit at lacus gravida, et dictum nulla dapibus.</p>
                                            </div>
                                        </div>



                                    </div>
                                </div>

                                <hr />

                                <h3 class="push-down-25"><span class="light">Viết</span> cảm nhận</h3>

                                <form id="commentform" method="post" action="#" class="form form-inline form-comments">
                                    <p class="push-down-20">
                                        <textarea class="input-block-level" tabindex="4" rows="7" cols="70" id="comment" name="comment" placeholder="Your Comment goes here ..." required></textarea>
                                    </p>
                                    <p>
                                        <button class="btn btn-primary bold" type="submit" tabindex="5" id="submit">Gửi cảm nhận</button>
                                    </p>
                                </form>

                            </section>
                        </div>
                        <div class="fade tab-pane" id="tab-4">
                            <p>
                                Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr. Another text here ...
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /container -->

    <!--  ==========  -->
    <!--  = Related Products =  -->
    <!--  ==========  -->
    <div class="boxed-area no-bottom">
        <div class="container">

            <!--  ==========  -->
            <!--  = Title =  -->
            <!--  ==========  -->
            <div class="row">
                <div class="span12">
                    <div class="main-titles lined">
                        <h2 class="title"><span class="light">Sản Phẩm</span> Cùng Loại</h2>
                    </div>
                </div>
            </div>

            <!--  ==========  -->
            <!--  = Related products =  -->
            <!--  ==========  -->
            <div class="row popup-products">


                <!--  ==========  -->
                <!--  = Products =  -->
                <!--  ==========  -->
                <asp:Repeater ID="rprelateproduct" runat="server">
                    <ItemTemplate>
                        <div class="span3">
                            <div class="product">
                                <div class="product-img">
                                    <div class="picture">
                                        <img src="/Content/ProductImg/<%#Eval("Avatar") %>" alt="" width="540" height="374" />
                                        <div class="img-overlay">
                                            <asp:LinkButton CssClass="btn buy btn-danger" ID="btnAddCart" CommandName="AddCart" CommandArgument='<%#Eval("ProductId") %>' runat="server">Thêm giỏ hàng</asp:LinkButton>
                                            <a href="Detail.aspx?ProductID=<%#Eval("ProductId") %>"  class="btn more btn-primary">Xem thêm</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="main-titles no-margin">
                                    <h4 class="title"><span class="striked"><%#Eval("Price","{0:0,0}") %></span></h4>
                                    <h5 class="no-margin"><%#Eval("Name") %></h5>
                                </div>
                                <p class="desc"><%#Eval("ShortDescription") %></p>
                            </div>

                        </div>
                    </ItemTemplate>
                </asp:Repeater>
                <!-- /product -->
            </div>
        </div>
    </div>
</asp:Content>
